import { Form } from "antd"
import { Select } from "antd"
import { FC } from "react"

import { useLocale } from "@/locales"
// import dynamicComponent from "./dynamicImport"

export type DemoField = {
	demo: number
}
const Demo: FC = () => {
	const { newFormat } = useLocale()
	const FormItem = Form.Item
	const options = [
		{ label: "A", value: 1 },
		{ label: "B", value: 2 },
		{ label: "C", value: 3 }
	]
	// console.log(newFormat({ id: "label.demoList.0" }))
	// const DynamicComponent = lazy(() => dynamicComponent(props.name))
	return (
		<FormItem name="demo" label={newFormat({ id: `label.demo` })}>
			<Select options={options} placeholder="请选择" />
		</FormItem>
	)
}

export default Demo
